﻿<div style="margin-left: 30px; margin-top: 10px;">
    <div class="sarch-top" ng-controller="CompanySearchController">
        <div class="sustainalytics-searchbox" data-searchbox-service="CompanySearchBoxServiceAdapter" data-searchbox-text="companySearch.searchData">
            <input type="text" class="inp-search sustainalytics-searchbox-input" style="float: left;" ng-model="search.searchData">
            <input type="button" class="btn-search" style="float: left;" onclick="$('.inp-search:first').focus();" ng-click="search.search(false)">
            <div class="clear">&nbsp;</div>
            <div class="search-results" ng-show="search.isVisible">
                <div class="search-results-inner sustainalytics-searchbox-results" style="height: 200px; overflow: auto;" ng-show="search.lastItemsCount > 0 || search.lastSkip > 0">
                    <a href="" ng-repeat="item in search.items" ng-click="companySearch.goToCompanyPage(item); $parent.search.isVisible = false; $event.stopPropagation();"
                       ng-class="{disabled: !item.isEnabled}"
                       ng-init="item.markedContent = $parent.search.getMarkedString(item.companyName, $parent.search.searchData)">
                        <span ng-bind-html="item.markedContent"></span>
                        <!--{{ item.ticker ? '(' + item.ticker + ')' : '' }}-->
                    </a>
                </div>
                </a>
            </div>
            <p style="text-align: center; color: white; font-weight: bold; padding:0 0 20px 0;" ng-show="search.lastSkip == 0 && search.lastItemsCount == 0">
                No matches found
            </p>
        </div>
    </div>
    <div class="clear">&nbsp;</div>
</div>
